<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职创未来</title>
    <!-- <link rel="stylesheet" href="../css/index.css"> -->
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../assets/font/iconfont.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/online.css">
</head>

<body>
    <div class="box">
        <div class="header">
            <!-- logo -->
            <div class="logo">
                <h1>
                    <a href="#">职创未来</a>
                </h1>
            </div>
            <div class="nav">
                <!-- 导航栏 -->
                <ul class="nav-left">
                    <li><a href="../index.html" target="_blank">首页</a></li>
                    <li><a class="active" href="#">在线课程</a></li>
                    <li><a href="./teacher.html" target="_blank">师资介绍</a></li>
                    <li><a href="./student.html" target="_blank">学员风采</a></li>
                    <li><a href="./job.html" target="_blank">就业信息</a></li>
                    <li><a href="./info.html" target="_blank">咨询动态</a></li>
                    <li><a href="./about.html" target="_blank">联系我们</a></li>
                </ul>
                <!-- 联系方式 -->
                <div class="nav-right">
                    15335890027<br>
                    <span>customer@whccf.cn</span>
                </div>
            </div>
        </div>
        <div class="main">
            <!-- 轮播图 -->
            <div class="banner">
                <img class="banner-layer2" src="../assets/uploads/online-banner-bg2.webp" alt="">
            </div>
            <!-- 在线课程 -->
            <div class="onlineclass wrapper">
                <h2 class="online-title">在线课程</h2>
                <ul class="classlist">
                    <li class="itemclass">
                        <a href="#">
                            <img src="../assets/uploads/online-classlist1.webp" alt="">
                            <h4>嵌入式物联网开发课程</h4>
                            <p>本课程从物联网的背景知识引入，通过物联网概述到"云-管-端"的...</p>
                        </a>
                    </li>
                    <li class="itemclass">
                        <a href="#">
                            <img src="../assets/uploads/online-classlist2.webp" alt="">
                            <h4>Java全栈开发课程</h4>
                            <p>Java大神之路在线课程，是职创未来推出的完整Java全套高级课...</p>
                        </a>
                    </li>
                    <li class="itemclass">
                        <a href="#">
                            <img src="../assets/uploads/online-classlist3.webp" alt="">
                            <h4>鸿蒙生态开发课程</h4>
                            <p>鸿蒙系统拥有庞大的开发者和用户社区，可以提供丰富的资源和学...</p>
                        </a>
                    </li>
                    <li class="itemclass">
                        <a href="#">
                            <img src="../assets/uploads/online-classlist4.webp" alt="">
                            <h4>UI全链路设计课程</h4>
                            <p>字节跳动资深设计师出品，12个章节18个小时超详细干货，从...</p>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 技术进阶 -->
            <div class="skillup wrapper">
                <h2 class="online-title">技术进阶</h2>
                <ul class="skill-list">
                    <li class="itemskill">
                        <a href="#">
                            <img src="../assets/uploads/online-classlist1.webp" alt="">
                            <h4>嵌入式物联网开发课程</h4>
                            <p>本课程从物联网的背景知识引入，通过物联网概述到"云-管-端"的...</p>
                        </a>
                    </li>
                    <li class="itemskill">
                        <a href="#">
                            <img src="../assets/uploads/online-classlist2.webp" alt="">
                            <h4>Java全栈开发课程</h4>
                            <p>Java大神之路在线课程，是职创未来推出的完整Java全套高级课...</p>
                        </a>
                    </li>
                    <li class="itemskill">
                        <a href="#">
                            <img src="../assets/uploads/online-classlist3.webp" alt="">
                            <h4>鸿蒙生态开发课程</h4>
                            <p>鸿蒙系统拥有庞大的开发者和用户社区，可以提供丰富的资源和学...</p>
                        </a>
                    </li>
                    <li class="itemskill">
                        <a href="#">
                            <img src="../assets/uploads/online-classlist4.webp" alt="">
                            <h4>UI全链路设计课程</h4>
                            <p>字节跳动资深设计师出品，12个章节18个小时超详细干货，从...</p>
                        </a>
                    </li>
                    <li class="itemskill">
                        <a href="#">
                            <img src="../assets/uploads/online-classlist1.webp" alt="">
                            <h4>嵌入式物联网开发课程</h4>
                            <p>本课程从物联网的背景知识引入，通过物联网概述到"云-管-端"的...</p>
                        </a>
                    </li>
                    <li class="itemskill">
                        <a href="#">
                            <img src="../assets/uploads/online-classlist2.webp" alt="">
                            <h4>Java全栈开发课程</h4>
                            <p>Java大神之路在线课程，是职创未来推出的完整Java全套高级课...</p>
                        </a>
                    </li>
                    <li class="itemskill">
                        <a href="#">
                            <img src="../assets/uploads/online-classlist3.webp" alt="">
                            <h4>鸿蒙生态开发课程</h4>
                            <p>鸿蒙系统拥有庞大的开发者和用户社区，可以提供丰富的资源和学...</p>
                        </a>
                    </li>
                    <li class="itemskill">
                        <a href="#">
                            <img src="../assets/uploads/online-classlist4.webp" alt="">
                            <h4>UI全链路设计课程</h4>
                            <p>字节跳动资深设计师出品，12个章节18个小时超详细干货，从...</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 底部 -->
        <div class="footer">
            <div class="contacts wrapper">
                <h2 class="com-title">保持联系</h2>
                <h4 class="subtitle">如有任何疑问请联系</h4>
                <div class="detail">
                    <img class="bg-detail" src="../assets/uploads/bg_contacts_detail.webp" alt="">
                    <ul class="list-main">
                        <li>
                            <span class="iconfont icon-location"></span>
                            <div>
                                <h3>地址</h3>
                                <p>武汉市东湖高新技术开发区关南一路当代梦工</p>
                            </div>
                        </li>
                        <li>
                            <span class="iconfont icon-phone"></span>
                            <div>
                                <h3>致电我们</h3>
                                <p>15335890027（微信同号）<br>13419690311（微信同号）</p>
                            </div>
                        </li>
                        <li>
                            <span class="iconfont icon-mail"></span>
                            <div>
                                <h3>Email us</h3>
                                <p>customer@whccf.cn</p>
                            </div>
                        </li>
                    </ul>
                    <ul class="list-vice">
                        <li>
                            <img src="../assets/uploads/map.webp" alt="">
                        </li>
                        <li>
                            <h3>微信扫码咨询</h3>
                            <div class="wxcode">
                                <img src="../assets/uploads/qrcode1.webp" alt="">
                                <img src="../assets/uploads/qrcode2.webp" alt="">
                            </div>
                            <h4>官方微信：</h4>
                            <p class="account">账号：GreatManOnTheWay <br> 公众号：武汉职创未来科技有限公司 </p>
                            <p class="time">周一至周日9:00-18:00</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="bottom">
                <!-- 底部列表 -->
                <ul class="sbox">
                    <li><a href="../index.html" target="_blank">首页</a></li>
                    <li><a href="#">在线课程</a></li>
                    <li><a href="./teacher.html" target="_blank">师资介绍</a></li>
                    <li><a href="./student.html" target="_blank">学员风采</a></li>
                    <li><a href="./job.html" target="_blank">就业信息</a></li>
                    <li><a href="./info.html" target="_blank">咨询动态</a></li>
                    <li><a href="./about.html" target="_blank">联系我们</a></li>
                </ul>
                <!-- 备案文本 -->
                <p>Copyright © 2023 Tedu.cn All Rights Reserved <a
                        href="https://beian.miit.gov.cn/#/Integrated/index">鄂ICP备08000853号-56</a> 鄂公网安备 11010802029508号
                    武汉职创未来科技有限公司
                    版权所有</p>
            </div>
        </div>
    </div>
</body>

</html>